@use './base.scss';

@font-face {
  font-family: "cn";
  src: url();
  font-display: swap;
}

@font-face {
  font-family: "en";
  src: url(../assets//fonts/Ubuntu-Regular.ttf);
  font-display: swap;
}

@font-face {
  font-family: "title";
  src: url(../assets/fonts/Pacifico-Regular.ttf);
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none;
  transition: background-color 0.2s ease;
}

a:hover,
a:link,
a:visited,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: none;
  color: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  &:focus-visible {
    outline: none;
  }
}


/* 设置滚动条样式 */
::-webkit-scrollbar {
  width: 0px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--main_text_color, #000000);
  border-radius: 8px;
  height: 20%;
}

::-webkit-scrollbar-track {
  background-color: var(--main_bg_color, linear-gradient(50deg, #a2d0ff, #ffffff));
}

body,
#app {
  height: 100%;
  min-height: 100vh;
  width: 100%;
  position: relative;
  font-family: "en", "cn", sans-serif;
  color: var(--main_text_color);
}
body {
  background: var(--main_bg_color);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  transition: color 0.1s ease;

  &.no-scroll {
    overflow: hidden;
  }
}

// 过滤器
.mh-filter {
  position: fixed;
  width: 100%;
  height: 100%;
  background: var(--back_filter_color);
  backdrop-filter: blur(var(--back_filter));
  -webkit-backdrop-filter: blur(var(--back_filter));
  z-index: -99999999;
}

.page-container {
  width: 100%;
  margin: 0 auto;
  transition: transform 0.5s ease;
  max-width: 1200px;
  position: relative;
  display: flex;
  flex-direction: row;
  overflow-y: hidden;
}

